<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>图片的高清显示</title>
	<style>
		.logo{
			width: 200px;
			height: 200px;
		}
		@media screen and (-webkit-min-device-pixel-ratio:2){
			/* 编写一段css代码让 下面img标签中的src引入的是@2x */
			.logo{
				content:url('../imgs/logo@2x.png')
			}
		}
		@media screen and (-webkit-min-device-pixel-ratio:3){
			/* 编写一段css代码让 下面img标签中的src引入的是@3x */
			.logo{
				content:url('../imgs/logo@3x.png')
			}
		}
	</style>
</head>
<body>
	<img class="logo" src="../imgs/logo.png" alt="">
</body>
</html>